<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords" content="网站建设、APP开发、微信公共号定制">
    <meta name="description" content="成都千峰云科技有限公司致力于网站建设、APP开发、微信公共号定制等">
    <meta name="author" content="成都千峰云科技有限公司">
    <title>联系我们</title>
    <!--common-->
    <link rel="stylesheet" href="__TMPL__Public/css/common-m.css">
    <link href="__PUBLIC__/TciocEx/style-responsive.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="__PUBLIC__/TciocEx/js/html5shiv.js"></script>
    <script src="__PUBLIC__/TciocEx/js/respond.min.js"></script>
    <![endif]-->
    <!-- Placed js at the end of the document so the pages load faster -->
    <script src="__PUBLIC__/TciocEx/js/jquery-1.10.2.min.js"></script>
    <script src="__PUBLIC__/TciocEx/js/bootstrap.min.js"></script>
    <!-- 必须引入的文件 -->
    <link rel="stylesheet" href="../public/js/nprogress/nprogress.css">
    <script src="../public/js/jquery.pjax/jquery.pjax.js"></script>
    <script src="../public/js/nprogress/nprogress.js"></script>
    <style>
        .banner{  width: 100%; margin-bottom: 50px }
        .banner img {width: 100%;height: auto}
        .text{width: 100%;text-align: left}
        .text h2{color: #666666}
        .text p{font-size: 14px;line-height: 24px}
        .text-span{font-size: 14px;line-height: 24px ; display:inline-block;width: 45px}
        .form{width: 100%;padding-top: 20px}
        .form input{height: 40px}
        .form_part{border: 0;  border-bottom: 1px solid #999999;border-radius: 0;  font-size: 14px;}
        .submit { width: 100px; height: 48px;font-size: 16px;background-color: transparent}
        .white_content{
            display: none;
            position: fixed;
            width: 20%;
            top: 20%;
            left: 40%;
            z-index:1002;
            overflow: auto;
        }
        .black_overlay{
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #dddddd;
            z-index:1001;
            -moz-opacity: 0.8;
            opacity:.80;
            filter: alpha(opacity=80);
        }
    </style>

</head>
<body >
<tc_include file="Public:nav" />
<div class="banner" >
    <if condition="!empty($post_content)">
        {$post_content}
        <else />

        <img src="__TMPL__Public/images/contact/banner.png" >
    </if>
</div>
<div class="col-md-12" style="margin-bottom: 50px">
    <div class="left_content col-lg-6 col-md-6 " >
        <div class="text" >
            <h2>{:tcioc_get_contact_us_info("name")}</h2>
            <p><span class="text-span">地点：</span>{:tcioc_get_contact_us_info("address")}  </p>
            <p><span class="text-span">邮箱：</span>{:tcioc_get_contact_us_info("email")}</p>
            <p><span class="text-span" >电话：</span>{:tcioc_get_contact_us_info("tel")}</p>
            <p> <span class="text-span" >网站：</span>{:tcioc_get_contact_us_info("web1")}</p>
            <p><span class="text-span" ></span>{:tcioc_get_contact_us_info("web2")}</p>
            <div>
                <span><a href="{:tcioc_get_contact_us_info('weibo')}"  target="_blank" ><img src="__TMPL__Public/images/contact/weibo.png" alt=""></a></span>
                <span><a href="http://wpa.qq.com/msgrd?v=3&amp;uin={:tcioc_get_contact_us_info('qq')}&amp;site=qq&amp;menu=yes" target="_blank"  ><img src="__TMPL__Public/images/contact/qq.png" alt=""></a></span>
                <span><a href="#" onclick="openWindow(this)" ><img src="__TMPL__Public/images/contact/weixin.png" alt=""></a></span>
            </div>
        </div>
    </div>
    <div class="right_content col-lg-6 col-md-6">
        <div  class="form">
            <form action="{:U('api/guestbook/addmsg')}" class="js-ajax-form form-horizontal adminex-form" method="post">
                <div class="row" style="margin-bottom:30px;">
                    <div style="width: 30%;margin-right: 3%;float: left;">
                        <input class="form-control form_part"  type="text" name="full_name" datatype="" placeholder="姓名" >
                    </div>
                    <div style="width: 30%;margin-right: 3%;float: left;">
                        <input class="form-control form_part"  type="text" name="email" datatype="" placeholder="邮箱" >
                    </div>
                    <div style="width: 32%;float: left;">
                        <input class="form-control form_part"  type="text" name="phone" datatype="" placeholder="电话" >
                    </div>
                    <div style="clear: both"></div>
                </div>

                <div class="row" style="margin-bottom:30px;">
                    <div class="form-group col-md-12" style="margin: 0;padding: 0;">
                        <textarea class="form-control form_part"  style="height: 130px" type="text"  name="msg" datatype="" placeholder="内容" ></textarea>
                    </div>
                </div>
                <button  type="submit" class="submit  js-ajax-submit" style="border: 1px solid #999999">

                    提交
                </button>

            </form>
        </div>
    </div>

</div>
<div class="footer">
    <div  style="width: 100%;margin: 0 auto;">
        <!--<span class="fl" >技术支持：成都千峰云科技</span>-->
        <p  class="fr" >
            COGHT (©) 2014-2020 qiit.com - BSZC.蜀ICP备12131535号-1
            <!--<span  >COGHT (©) 2014-2020 qiit.com </span>-<span> BSZC.蜀ICP备12131535号-1</span>-->
        </p>
    </div>
</div>
    <img  id="light_wechat" class="white_content" onClick="closeWindow()" src="{:sp_get_asset_upload_path(tcioc_get_contact_us_info('weixin_img'))}" width="100%">
<div id="fade" class="black_overlay"   onClick="closeWindow()"></div>
</body>
</html>
<script>
    $(function () {
        $('.slide-nav .content ul li:eq(-1)').css("border-bottom","none ");
    })
</script>
<!--微信-->
<script>
    function openWindow(obj){
        $('#light_wechat').css("display",'block');
        $('#fade').css("display",'block');
    }
    function closeWindow(){
        $('#light_wechat').css("display",'none');
        $('#fade').css("display",'none');
    }
    function openWindowpc(obj){
        $('#light_wechat_pc').css("display",'block');
        $('#fade').css("display",'block');
    }
    </script>
<!--导航-->
    <script>
        function opennav(obj){
            $('.nav_open').css("display",'none');
            $('.nav_close').css("display",'block');
            $('.navigation').css("display",'block');
        }
        function closenav(){
            $('.nav_open').css("display",'block');
            $('.nav_close').css("display",'none');
            $('.navigation').css("display",'none');
        }
        $(document).ready(function(){
            /*获取屏幕的高度*/
            var ow = $(window).height();
            var oh = ow-120;
            var list = oh/8;
            $(".navigation").css("height",oh);
            $(".nav-list").css("height",list);

        });
    </script>
<script>
    $(document).ready(function(){
        /*获取屏幕的高度*/
        var ow = $(window).height()
        var oh = ow-120;
        $(".navigation").css("height",oh);
    });
</script>
<tc_include file="Public:scripts" />